<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>核实电话</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc"/>
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <!--标签插件-->
    <link rel="stylesheet" href="/js/jquery-tags-input/jquery.tagsinput.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--冻结table列-->
    <!--<link rel="stylesheet" href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css">-->
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <!-- 下拉框css -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/js/need/verfont.css">
    <link rel="stylesheet" href="/js/need/select.2.0.css">
    <link rel="stylesheet" href="/css/verifyPhone/verifyPhoneList.css">
</head>
<body>
<input type="hidden" id="poolId" name="poolId" th:value="${poolId}">
<input type="hidden" id="defaultMark" name="defaultMark" th:value="${defaultMark}">
<input type="hidden" id="clueId" name="clueId">
<div class="container-fluid clue-page">
    <div class="card">
        <div class="card-header">
            <h1>核实电话</h1>
        </div>
        <div class="card-body">
            <div class="row content-action">
                <div class="col-lg-7 col-md-6 col-sm-6 col-xs-12">
                    <!-- 全部 本周 本月 本年 -->
                    <div id="dateType" class="select-switch pull-left">
                        <label for="all"><input type="radio" name="date" value="0" id="all" checked=""><span>全部</span></label>
                        <label for="today"><input type="radio" name="date" value="1" id="today"><span>今日</span></label>
                        <label for="thisWeek"><input type="radio" name="date" value="2" id="thisWeek"><span>本周</span></label>
                        <label for="lastWeek"><input type="radio" name="date" value="3" id="lastWeek"><span>上周</span></label>
                        <label for="month"><input type="radio" name="date" value="4" id="month"><span>本月</span></label>
                        <label for="custom"><input type="radio" name="date" value="5" id="custom"><span>自定义</span></label>
                    </div>
                    <div class="custom-input pull-left" id="customInput">
                        <div class="input-group">
                            <input type="text" class="form-control datepicker" placeholder="开始时间" id="startTm">
                            <span class="input-group-addon">至</span>
                            <input type="text" class="form-control datepicker" placeholder="结束时间" id="endTm">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default" id="customDateBtn">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-6 col-sm-6 col-xs-12">
                    <div class="pull-right">
                        <!--<button class="btn btn-default" data-toggle="collapse" data-target="#filterContent" aria-expanded="false" aria-controls="filterContent"><i class="mdi mdi-sort-variant"></i>高级筛选</button>-->
                        <div class="min-search pull-left" style="margin-left: 12px;">
                            <input class="form-control" type="text" placeholder="请输入电话号码" id="contactPhoneMin" name="contactPhoneMin">
                            <button class="btn btn-primary" onclick="clueListInit();" type="button"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                        <button type="button" class="btn btn-info btn-label" id="verifyPhoneBtn"><label><i class="mdi mdi-phone-log"></i></label> 核实电话</button>
                    </div>
                </div>
            </div>
            <div class="collapse filter-content" id="filterContent">
                <div class="row">
                    <div class="col-xs-12">高级筛选</div>
                </div>
            </div>
            <table id="verifyPhoneList"></table>
        </div>
    </div>
</div>
<!-- 跟进详情 -->
<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="detailModel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">跟进详情</h4>
            </div>
            <div class="modal-body">
                <input type="text" id="rowVerifyId" value="" hidden>
                <textarea name="" id="detailText" class="form-control" rows="7" maxlength="300" placeholder="最多300字"></textarea>
                <div class="row row-audio">
                    <div class="col-xs-2">通话录音</div>
                    <div class="col-xs-10"><audio id="detailAudio" controls></audio></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="subDetail();" disabled>修改</button>
            </div>
        </div>
    </div>
</div>
<!-- 关联企业 -->
<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="relationModel">
    <div class="modal-dialog" role="document" style="width: 700px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">关联企业</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" autocomplete="off" style="padding: 10px;">
                    <input type="text" id="relationVerifyId" hidden>
                    <div class="form-group">
                        <label class="col-xs-3 control-label" for="relationName">联系人姓名</label>
                        <div class="col-xs-7">
                            <input type="text" placeholder="请输入跟进联系人姓名" class="form-control" id="relationName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label" for="associatedEnterprise">关联企业</label>
                        <div class="col-xs-7">
                            <select name="associatedEnterprise" data-live-search="true" title="请选择关联企业" id="associatedEnterprise" class="form-control"></select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="subRelation();">关联</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>

<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<!--<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>-->
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/verifyPhone/verifyPhoneList.js"></script>
</body>
</html>